let container = document.querySelector('.container')
fetch('http://chst.vip:1234/api/getbrandtitle')
    .then(body => body.json())
    .then(res => {
        console.log(res)
        let el = ""
        res.result.forEach(item => {
            console.log(item.brandTitleId);
            el += `<li class="lis">
        <a  class="lis-a" href="#" brandtitleid=${item.brandTitleId}>${item.brandTitle}
        <img src="./../assets/images/xiasanjiaoxing.png"></img>
        </a>
        <div class="content"> 
        </div>
    </li>`
        })
        container.innerHTML = el;
    })

container.onclick = function (e) {
    if (e.target.localName == 'a') {
        let _this = e.target;
        console.log(_this);
        let bid = _this.getAttribute('brandtitleid');
        // let bid = $(_this).attr('brandtitleid');
        console.log(bid)
        fetch('http://chst.vip:1234/api/getbrand?brandtitleid=' + bid)
            .then(body => body.json())
            .then(res => {
                let lis = ""
                console.log(res)
                res.result.forEach(item => {
                    let i=res.result.indexOf(item)
                    lis += `<div class="dv" >
                    <i brandtitleid=${item.brandId}>${i}</i>
                    <a href="../pages/brand.html?title=${item.brandName}&brandtitleid=${item.brandTitleId}">${item.brandName}</a> 
                    <div class="sel">${item.brandInfo}</div>
                </div>`
                })
                $(_this).next().html(lis)
            })
    }
}

//  brandtitleid=${item.brandId}
$('.container').find('.content').slideUp(0, function () {
    $('.container').css('display', 'block')
    $('.content').prop('flag', false)
})

$('.container').on('click', 'li .lis-a', function () {
    // console.log($(this))
    // console.log($(this).find('.content').prop('flag'))

    //获取当前的开关状态 如果是true 说明自己已经展开了 要收起来
    let flag = $(this).parent().find('.content').prop('flag')
    if (flag) {
        // console.log(123123)
        $(this).parent().find('.content').slideUp(200).prop('flag', false)
        return
    }
    $(this).parent().find('.content').slideDown(200).prop('flag', true).parent().siblings().find('.content').slideUp(200).prop('flag', false)
    // $('.container li').find('.content').on('click', '.dv', function (e) {
    //     console.log('aa')
    //     if (e.target.localName == 'a' || e.target.localName == 'div' || e.target.localName == 'i') {
    //         let _this = e.target
    //         console.log(_this)
    //         let eid = $(_this).attr('brandid');
    //         console.log(eid)
    //         location.href = './../pages/brand.html?brandtitleid=' + eid;
    //     }
    // })
})



